<template>
  <div style="padding:30px;">
    <!-- <el-form-item label="测试" > -->
    <el-cascader 
    v-model="selectedOptions"
    :options="cityList" change-on-select>
    </el-cascader>
    <!--    </el-form-item> -->

  </div>

</template>

<script>
  export default {
    data() {
      return {
        cityList: []
      }
    },
    methods: {
      initdata() {
        let data = [{
          value: 1,
          label: '广东省',
          children: [{
            value: 11,
            label: '广州市',
            children: [{
              value: 111,
              label: '白云区'
            }, {
              value: 112,
              label: '天河区'
            }, {
              value: 113,
              label: '番禺区'
            }, {
              value: 114,
              label: '越秀区'
            }]
          }, {
            value: 22,
            label: '增城市',
            children: [{
              value: 221,
              label: '侧向导航'
            }, {
              value: 222,
              label: '顶部导航'
            }]
          }]
        }]
        this.cityList = data
        console.log("cityList=>", this.cityList)
      }
    },
    mounted() {
      this.selectedOptions = [1,11,113]
      this.initdata()
    }
  }
</script>

<style>
</style>
